<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>shs-小米官网 - Xiaomi 12S系列，小米徕卡影像大赛，小米影像故事</title>
		<!-- <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> -->
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/ceshi.css">
		<link rel="stylesheet" href="./css/nav2.css">
		<!-- <link rel="stylesheet" type="text/css" href="css/swiper.css" /> -->
		<link rel="stylesheet" type="text/css" href="css/swiper%20-%20副本.css" />
		<!-- <link rel="stylesheet" type="text/css" href="css/span10.css"/> -->
		<link rel="stylesheet" type="text/css" href="./module/css/浏览更多.css" />
		<link rel="stylesheet" type="text/css" href="./module/css/商品大模块.css" />
		<link rel="stylesheet" type="text/css" href="module/css/商品小li.css" />
		<!-- 搜索 -->
		<link rel="stylesheet" type="text/css" href="./module/css/search.css"/>
		<!-- 视频 -->
		<link rel="stylesheet" type="text/css" href="module/css/video.css"/>
		<link rel="stylesheet" type="text/css" href="module/css/base_transform.css" />
		<link rel="stylesheet" href="./module/css/shopping_tag.css">
		<!-- 工具栏css -->
		<link rel="stylesheet" href="css/bottom/home_tool_bar.css">
		<!-- 底部css -->
		<link rel="stylesheet" href="css/bottom/bottom_base.css">
	</head>
	<body>

		<!-- 网站boxa 顶部条 顶部标题 开始-->
		<div class="site-topbar">
			<div class="container clearfix">
				<div class="container_a container_item">
					<ul class="container_a_ul clearfix">
						<li class="container_a_ui"><a href="http://127.0.0.1:8848/xiaomi/ceshi.html">小米官网</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="http://127.0.0.1:8848/xiaomi/index.html">小米商城</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">MIUI</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">loT</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">云服务</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 天星数科</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 有品</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 小爱开放平台</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#"> 企业团购</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">资质证照</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">协议规则</a></li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui download_li"><a href="#" class="download_a">下载app</a>
							<div class="download">
								<div class="xiaomics">
									<i class="xmsc_logo"></i>
									<span class="xmsc_title">
										小米商城APP
									</span>
								</div>
							</div>
						</li>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">Select Location</a></li>
					</ul>
				</div>
				<div class="container_c container_item">
					<div class="shopping">
						<i></i>
						<span>购物车(0)</span>
					</div>
					<div class="shopping_cart">
						<div class="shopping_cart_hint">
							<span>购物车中还没有商品，赶紧选购吧！</span>
						</div>
					</div>

				</div>
				<div class="container_b container_item">
					<ul class="container_a_ul clearfix">
						<li class="container_a_ui"><a href="#">登录</a>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">注册</a>
						<li class="container_a_ui uii">|</li>
						<li class="container_a_ui"><a href="#">消息通知</a>
					</ul>
				</div>
			</div>
		</div>
		<!-- 网站boxa 顶部条 顶部标题 结束-->

		<!-- 网站  boxb 导航栏2 logo开始-->
		<div class="site-header">
			<div class="boxb clearfix">
				<div class="mi-logo boxb_items">
					<a href="https://www.mi.com/shop" class="logo_a"></a>
				</div>
				<div class="boxb_nav boxb_items">
					<ul class="clearfix nav_u">
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">Xiaomi手机</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">Redmi手机</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">电视</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">笔记本</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">平板</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">家电</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">路由器</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">服务中心</a></li>
						<li class="boxbuii_nav_item"><a class="nav_ia" href="#">社区</a></li>
					</ul>
				</div>
				<!-- 搜索框 -->
				<div class="boxb_search boxb_items">
					<div class="search_box">
						<form action="#" class="search ">
							<div class="search_text_box clearfix">
								<input class="search_text" type="text" name="" id="" value="" />
								<div class="search_hint" >
									<ul class="search_hint_ul">
										<li class="search_hint_li">全部商品</li>
										<li class="search_hint_li">1</li>
										<li class="search_hint_li">2</li>
										<li class="search_hint_li">2</li>
										<li class="search_hint_li">2</li>
										<li class="search_hint_li">2</li>
										<li class="search_hint_li">6</li>
									</ul>
								</div>
								<div class="search_sub_box">
									<input class="search_submit" type="submit" name="" id="" value="" />
									<i class="search_submit_bg"></i>
								</div>
							</div>
						</form>
					</div>
					<!-- <form action="#" method="get" class="search_form clearfix">
						<input type="text" name="search" class="search_name" />
						<input type="submit" name="submit" id="" value="123" class="search_submit" />
					</form> -->
				</div>
			</div>
		</div>
		<div class="site-header-b">
			<!-- 见js -->
		</div>
		<!-- 网站  boxb 导航栏2结束-->
		<!-- -------------------------------------- -->
		<!-- 网站  boxc swiper 开始-->
		<div class="site-wiper">
			<div class="boxc">
				<div class="boxc_item_top">
					<div class="boxc_swiper ">
						<ul class="swiper_item_ul">

							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b1.webp">
								</a>
							</li>
							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b2.webp">
								</a>
							</li>
							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b3.webp">
								</a>
							</li>
							<li class="swiper_items_li">
								<a href="#" class="boxc_right_a">
									<img class="boxc_right_img" src="images/b4.webp">
								</a>
							</li>
						</ul>
						<!-- 轮播图 小按钮 -->
						<div class="swiper_btn">
							<div class="btn_items">
								<a class="btn_item" href="#"></a>
								<a class="btn_item" href="#"></a>
								<a class="btn_item" href="#"></a>
								<a class="btn_item" href="#"></a>
							</div>
						</div>
						<!-- 轮播图 按钮 prev next -->
						<div class="swiper_btn_prev">

						</div>
						<div class="swiper_btn_next">

						</div>
					</div>

					<!-- <div class="left-menu_box"> -->
					<!-- 左侧菜单栏 相对固定 -->
					<div class="left_menu">
						<ul>
							<li class="left_menu_li">
								<span class="menu_left">手机</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">电视</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">笔记本 平板</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">出行 穿戴</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">耳机音箱</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">家电</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">智能 路由器</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">电源 配件</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">健康 儿童</span>
								<span class="menu_right">></span>
							</li>
							<li class="left_menu_li">
								<span class="menu_left">生活 箱包</span>
								<span class="menu_right">></span>
							</li>
						</ul>
					</div>
					<!-- 菜单栏 详情列表 -->
					<!-- 菜单栏列表最大的盒子 -->
					<div class="left_menu_items_max">
						<!--详情列表-> class="left_menu_items" -->
					</div>
				</div>
				<div class="boxc_item_bottom clearfix">
					<!-- <div class="boxc_item_bottom_item"> -->
					<div class="boxc_span1 ">
						<ul class="clearfix">
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span1.png" alt="" class="boxc_span1_img">
									<p>保障服务</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span2.png" alt="" class="boxc_span1_img">
									<p>企业团购</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span3.png" alt="" class="boxc_span1_img">
									<p>F码通道</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span4.png" alt="" class="boxc_span1_img">
									<p>米粉卡</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span5.png" alt="" class="boxc_span1_img">
									<p>以旧换新</p>
								</a>
							</li>
							<li class="boxc_span1_li">
								<a href="#" class="boxc_span1_a">
									<img src="./images/swiper_span/span6.png" alt="" class="boxc_span1_img">
									<p>话费充值</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="boxc_span2 boxc_span clearfix">
						<a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/290270b6fc499fc5fcb653417e99fe91.jpg?w=632&h=340"
							 alt="">
						</a>
					</div>
					<div class="boxc_span3 boxc_span clearfix">
						<a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d1892854c8bb165e755d68bde287d71.jpg?w=632&h=340"
							 alt="">
						</a>
					</div>
					<div class="boxc_span4 boxc_span clearfix">
						<a href="#">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340" alt="">
						</a>
					</div>
					<!-- </div> -->
				</div>
			</div>
		</div>
		<!-- 网站  boxc swiper 结束-->
		<!-- 10大类(含视频播放) begin-->
		<div class="box_shopping_box">
			<div class="boxd_main">
				<!-- 第一个横幅 -->
				<div class="shopping_main_img">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1226&h=120&f=webp&q=90">
				</div>
				<div class="bjb ">
					<div class="bjb_box clearfix ">
						<div class="span_title">
							手机
						</div>
						<div class="boxd_hd_more">
							<a href="#" class="boxd_hd_more_a">
								查看更多
							</a>
						</div>
					</div>
					<div class="boxd_hd_main clearfix">
						<div class="boxd_hd_main_left_1 ">
							<ul class="main_left_ul ">
								<li class="main_left_li">
									<a href="#" class="main_left_img_a clearfix">
										<img class="main_left_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b99bcb716c8f76e1fc5475172bdfc27.jpg?thumb=1&w=176&h=461&f=webp&q=90">
									</a>
								</li>
							</ul>
						</div>
						<!-- 右边 -->
						<div class="boxd_hd_main_right">
							<div class="main_right_box clearfix">
								<ul class="main_right_box_ul  clearfix">
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title
													titletitletitletitletitletitletitletitletitletitletitle</h3>
												<p class="box_right_content">
													box_right_contentbox_right_contentbox_right_contentbox_right_content
												</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<!-- 商品 小个的 -->
									<!-- <li class=" main_right_li_items">
										<a href="#" class="main_right_li_items_a clearfix">
											<div class="items_left">
												<h3 class="items_title">Redmi显示器23.8英寸</h3>
												<p class="item_price">
													<span class="normal_price">599</span>
												</p>
											</div>
											<div class="items_right">
												<img class="items_right_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=125&h=125&f=webp&q=90">
											</div>
										</a>
									</li> -->
									<!-- 浏览更多 单页ul 看情况 添加一个 -->
									<!-- <li class=" main_right_li_items_bottom ">
										<a href="#" class="main_right_li_items_bottom_a clearfix">
											<div class="items_left_bottom">
												<h3 class="items_title_bottom">浏览更多</h3>
												<p class="item_content_bottom">热门</p>
											</div>
											<div class="items_right_bottom">
												<img class="items_right_img_bottom" src="./images/arrowright.svg">
											</div>
										</a>
									</li> -->
								</ul>
							</div>
						</div>
						<!-- 右边结束 -->
					</div>
				</div>

				<!-- 智能穿戴 -->
				<div class="bjb">
					<div class="bjb_box clearfix">
						<div class="span_title">
							智能穿戴
						</div>
						<div class="more">
							<ul class="tab_list clearfix">
								<li class="tab_active tab_list_li">热门</li>
								<li class=" tab_list_li">穿戴</li>
							</ul>
						</div>
					</div>
					<div class="boxd_hd_main clearfix">
						<div class="boxd_hd_main_left_1 ">
							<ul class="main_left_ul ">
								<li class="main_left_li">
									<a href="#" class="main_left_img_a clearfix">
										<img class="main_left_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9895c56a7b792fb9053e3085fc261072.jpg?thumb=1&w=234&h=614&f=webp&q=90">
									</a>
								</li>
							</ul>
						</div>
						<!-- 右边 -->
						<div class="boxd_hd_main_right">
							<div class="main_right_box clearfix">
								<ul class="main_right_box_ul  clearfix">
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8259e8fb355acf168c66f75d375c6af.jpg?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>

									<!-- 商品 小个的 -->
									<!-- <li class=" main_right_li_items">
										<a href="#" class="main_right_li_items_a clearfix">
											<div class="items_left">
												<h3 class="items_title">Redmi显示器23.8英寸</h3>
												<p class="item_price">
													<span class="normal_price">599</span>
												</p>
											</div>
											<div class="items_right">
												<img class="items_right_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=125&h=125&f=webp&q=90">
											</div>
										</a>
									</li> -->
									<!-- 浏览更多 单页ul 看情况 添加一个 -->
									<li class=" main_right_li_items_bottom ">
										<a href="#" class="main_right_li_items_bottom_a clearfix">
											<div class="items_left_bottom">
												<h3 class="items_title_bottom">浏览更多</h3>
												<p class="item_content_bottom">热门</p>
											</div>
											<div class="items_right_bottom">
												<img class="items_right_img_bottom" src="./images/arrowright.svg">
											</div>
										</a>
									</li>
								</ul>
								<ul class="main_right_box_ul  clearfix">
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8259e8fb355acf168c66f75d375c6af.jpg?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title
													titletitletitletitletitletitletitletitletitletitletitle</h3>
												<p class="box_right_content">box_right_content
													titletitletitletitletitletitletitletitletitletitletitle</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<!-- 浏览更多 单页ul 看情况 添加一个 -->
									<li class=" main_right_li_items_bottom ">
										<a href="#" class="main_right_li_items_bottom_a clearfix">
											<div class="items_left_bottom">
												<h3 class="items_title_bottom">浏览更多</h3>
												<p class="item_content_bottom">热门</p>
											</div>
											<div class="items_right_bottom">
												<img class="items_right_img_bottom" src="./images/arrowright.svg">
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<!-- 右边结束 -->
					</div>
				</div>
				<!-- 智能穿戴 end-->

				<!-- 笔记本开始 -->
				<div class="bjb ">
					<div class="bjb_box clearfix">
						<div class="span_title">
							笔记本 | 平板
						</div>
						<div class="more">
							<ul class="tab_list clearfix">
								<li class="tab_active tab_list_li">热门</li>

							</ul>
						</div>
					</div>
					<div class="boxd_hd_main clearfix">
						<div class="boxd_hd_main_left_1 ">
							<ul class="main_left_ul ">
								<li class="main_left_li">
									<a href="#" class="main_left_img_a clearfix">
										<img class="main_left_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=234&h=614&f=webp&q=90">
									</a>
								</li>
							</ul>
						</div>
						<!-- 右边 -->
						<div class="boxd_hd_main_right">
							<div class="main_right_box clearfix">
								<ul class="main_right_box_ul  clearfix">
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202207011810_86ad513472d1423a3fdec8d7d5107038.png?thumb=1&w=200&h=200&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>

									<!-- 商品 小个的 -->
									<li class=" main_right_li_items">
										<a href="#" class="main_right_li_items_a clearfix">
											<div class="items_left">
												<h3 class="items_title">Redmi显示器23.8英寸
													titletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitle
												</h3>
												<p class="item_price">
													<span class="normal_price">599
														titletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitle</span>
												</p>
											</div>
											<div class="items_right">
												<img class="items_right_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=125&h=125&f=webp&q=90">
											</div>
										</a>
									</li>
									<!-- 浏览更多 单页ul 看情况 添加一个 -->
									<li class=" main_right_li_items_bottom ">
										<a href="#" class="main_right_li_items_bottom_a clearfix">
											<div class="items_left_bottom">
												<h3 class="items_title_bottom">浏览更多</h3>
												<p class="item_content_bottom">热门</p>
											</div>
											<div class="items_right_bottom">
												<img class="items_right_img_bottom" src="./images/arrowright.svg">
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<!-- 右边结束 -->
					</div>
				</div>
				<!-- 笔记本 end -->

				<!-- 家电 begin-->

				<div class="bjb ">
					<div class="bjb_box clearfix">
						<div class="span_title">
							家电
						</div>
						<div class="more">
							<ul class="tab_list clearfix">
								<li class="tab_active tab_list_li">热门</li>
								<li class=" tab_list_li">电视影音</li>
							</ul>
						</div>
					</div>
					<div class="boxd_hd_main clearfix">
						<div class="boxd_hd_main_left_2 clearfix">
							<ul class="main_left_ul_2 ">
								<li class="main_left_li_2">
									<a href="#" class="main_left_img_a_2 clearfix">
										<img class="main_left_img_2" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=234&h=300&f=webp&q=90">
									</a>
								</li>
								<li class="main_left_li_2">
									<a href="#" class="main_left_img_a_2 clearfix">
										<img class="main_left_img_2" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/229bbaccda43f32f464c0a810b800106.jpg?thumb=1&w=211&h=270&f=webp&q=90">
									</a>
								</li>
							</ul>
						</div>
						<!-- 右边 -->
						<div class="boxd_hd_main_right">
							<div class="main_right_box clearfix">
								<ul class="main_right_box_ul  clearfix">
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a5572d6d4adea2e8e9f936ef19024dd4.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c7c15101f2c8a652a4a0d069501d1e53.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/388b13bf52ab0d6a56bc9f195b5f1dd5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0191ae995e33faedb3362abaa7a486d1.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/db032eeb9e8efe9551161ee18bf70d3f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/050a724309c945e0ffef3fb633069b49.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/608a47f5d655fc1372de67ee2f7b1c43.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>

									<!-- 商品 小个的 -->
									<li class=" main_right_li_items">
										<a href="#" class="main_right_li_items_a clearfix">
											<div class="items_left">
												<h3 class="items_title">Redmi显示器23.8英寸</h3>
												<p class="item_price">
													<span class="normal_price">599</span>
												</p>
											</div>
											<div class="items_right">
												<img class="items_right_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b649a329983ad590fde607472f73e55a.jpg?thumb=1&w=90&h=90&f=webp&q=90">
											</div>
										</a>
									</li>
									<!-- 浏览更多 单页ul 看情况 添加一个 -->
									<li class=" main_right_li_items_bottom ">
										<a href="#" class="main_right_li_items_bottom_a clearfix">
											<div class="items_left_bottom">
												<h3 class="items_title_bottom">浏览更多</h3>
												<p class="item_content_bottom">热门</p>
											</div>
											<div class="items_right_bottom">
												<img class="items_right_img_bottom" src="./images/arrowright.svg">
											</div>
										</a>
									</li>
								</ul>
								<!-- 第二页ul begin -->
								<ul class="main_right_box_ul  clearfix">
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9d8674cd21c486feff5328772ab9cf01.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3483b4ec83f3d085c567633f2edef1c1.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span><span class="box_right_old_price">2999</span>
												</p>
											</div>
										</a>
									</li>
									<li class="box_right_li">
										<a href="#" class="box_right_a clearfix">
											<img class="box_right_a_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f674ced205c2e81125dfd2d6659aabfc.jpg?thumb=1&w=250&h=250&f=webp&q=90"
											 alt="">
											<div class="box_right_a_deta">
												<h3 class="box_right_atitle">title</h3>
												<p class="box_right_content">box_right_content</p>
												<p class="box_right_price">
													<span class="box_right_new_price">1999</span>
												</p>
											</div>
										</a>
									</li>

									<!-- 商品 小个的 -->
									<li class=" main_right_li_items">
										<a href="#" class="main_right_li_items_a clearfix">
											<div class="items_left">
												<h3 class="items_title">Redmi显示器23.8英寸</h3>
												<p class="item_price">
													<span class="normal_price">599</span>
												</p>
											</div>
											<div class="items_right">
												<img class="items_right_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4769d147d65c64de4fd808e0d5229b5e.jpg?thumb=1&w=90&h=90&f=webp&q=90">
											</div>
										</a>
									</li>
									<!-- 浏览更多 单页ul 看情况 添加一个 -->
									<li class=" main_right_li_items_bottom ">
										<a href="#" class="main_right_li_items_bottom_a clearfix">
											<div class="items_left_bottom">
												<h3 class="items_title_bottom">浏览更多</h3>
												<p class="item_content_bottom">热门</p>
											</div>
											<div class="items_right_bottom">
												<img class="items_right_img_bottom" src="./images/arrowright.svg">
											</div>
										</a>
									</li>
								</ul>
								<!-- 第二页ul end -->
							</div>
						</div>
						<!-- 右边结束 -->
					</div>
				</div>

				<!-- 家电end -->
				<!-- 生活电器 begin -->
				<!-- 生活电器  end-->
				<!-- 厨房电器 begin-->
				<!-- 厨房电器 end-->
				<!-- 智能家居 begin-->
				<!-- 智能家居 end-->
				<!-- 运动出行 begin-->
				<!-- 运动出行 end-->
				<!-- 日用百货 begin-->
				<!-- 日用百货 end-->
				<!-- 视频 begin-->
				<div class="main">
					<div class="video_box">
						<div class="bjb">
							<div class="bjb_box clearfix ">
								<div class="span_title">
									视频
								</div>
								<div class="boxd_hd_more">
									<a href="#" class="boxd_hd_more_a">
										查看更多
									</a>
								</div>
							</div>
							<div class="video_box_item">
								<ul class="video_box_ul clearfix">
									<li class="video_item_li">
										<a class="video_item_li_a" title="点击播放视频">
											<img class="video_item_img" src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=296&h=180&f=webp&q=90">
											<span class="play">
												<i class="icon_play"></i>
											</span>
											<h3 class="video_box_title">2021年春季新品发布会第一场</h3>
											<p class="video_box_desc"></p>
										</a>
									</li>
									<li class="video_item_li">
										<a class="video_item_li_a" title="点击播放视频">
											<img class="video_item_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180&f=webp&q=90">
											<span class="play">
												<i class="icon_play"></i>
											</span>
											<h3 class="video_box_title">Redmi 10X系列发布会</h3>
											<p class="video_box_desc">Redmi 10X系列发布会</p>
										</a>
									</li>
									<li class="video_item_li">
										<a class="video_item_li_a" title="点击播放视频">
											<img class="video_item_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90">
											<span class="play">
												<i class="icon_play"></i>
											</span>
											<h3 class="video_box_title">小米10 青春版 发布会</h3>
											<p class="video_box_desc"></p>
										</a>
									</li>
									<li class="video_item_li">
										<a class="video_item_li_a" title="点击播放视频">
											<img class="video_item_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=296&h=180&f=webp&q=90">
											<span class="play">
												<i class="icon_play"></i>
											</span>
											<h3 class="video_box_title">小米10 8K手机拍大片</h3>
											<p class="video_box_desc"></p>
										</a>
									</li>
								</ul>
							</div>
							<!-- 视频弹窗 -->
							<div class="video_play_box">
								<div class="video_play_box_a">
									<div class="video_play_box_title">

									</div>
									<div class="close_video">
										<span class="close_video_x">X</span>
									</div>
									<div class="video_content">
										<video controls autoplay class="video_play_box_content_v" src=""></video>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 视频 end-->
			</div>
		</div>
		<!-- 10大类(含视频播放) end-->
		<!-- 底部 begin-->
		<div class="xiaomi_bottom">
			<div class="box_bottom">
				<!-- 售后服务 begin -->
				<div class="box_serve">
					<ul class="serve_item_ul clearfix">
						<li class="serve_item">
							<a href="#" class="serve_item_a">
								预约维修服务
							</a>
						</li>

						<li class="serve_item">
							<a href="#" class="serve_item_a">
								7天无理由退货
							</a>
						</li>

						<li class="serve_item">
							<a href="#" class="serve_item_a">
								15天免费换货
							</a>
						</li>
						<li class="serve_item">
							<a href="#" class="serve_item_a">
								满69元包邮
							</a>
						</li>
						<li class="serve_item">
							<a href="#" class="serve_item_a">
								1100余家售后网点
							</a>
						</li>
					</ul>
				</div>
				<!-- 售后服务 end -->
				<!-- 中间 begin -->
				<div class="box_bottom_middle clearfix">
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li">
							<p class="bottom_middle_title"></p>
						</li>
					</ul>
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li">
							<p class="bottom_middle_title">选购指南</p>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">手机</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">电视</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">笔记本</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">平板</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">穿戴</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">耳机</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">家电</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">路由器</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">音箱</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">配件</a>
						</li>
					</ul>
					<!-- 选购指南 end -->
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li">
							<p class="bottom_middle_title">服务中心</p>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">申请售后</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">售后政策</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">维修服务价格</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">订单查询</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">以旧换新</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">保障服务</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">防伪查询</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">F码通道</a>
						</li>

					</ul>
					<!-- 服务中心 end-->
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li">
							<p class="bottom_middle_title">线下门店</p>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">小米之家</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">服务网点</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">授权体验店/专区</a>
						</li>

					</ul>
					<!-- 线下门店 end-->
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li">
							<p class="bottom_middle_title">关于小米</p>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">了解小米</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">加入小米</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">投资者关系</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">企业社会责任</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">廉洁举报</a>
						</li>

					</ul>
					<!-- 关于小米 end -->
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li">
							<p class="bottom_middle_title">关注我们</p>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">新浪微博</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">官方微信</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">联系我们</a>
						</li>
						<li class="bottom_middle_li">
							<a href="#" class="bottom_middle_a">公益基金会</a>
						</li>

					</ul>
					<!-- 关注我们 -->
					<ul class="bottom_middle_ul">
						<li class="bottom_middle_li_last">
							<p class="bottom_middle_phone">400-100-5678</p>
						</li>
						<li class="bottom_middle_li_last">
							<a href="#" class="bottom_middle_time">8:00-18:00（仅收市话费）</a>
						</li>
						<li class="bottom_middle_li_last">
							<div class="btn_people">
								<p class="btn_people_p">人工客服</p>
							</div>
						</li>
					</ul>
					<!-- 联系电话 -->
				</div>

				<!--底部 中间 end -->
			</div>
			<!-- 底部 底部 begin-->
			<div class="bottom_bottom_box">
				<div class="bottom_bottom">
					<div class="xiaomi_logo">

					</div>
					<div class="xaiomi_info">
						<div class="info">
							<a href="#" class="info_a">小米商城</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">MIUI</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">米家</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">米聊</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">多看</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">游戏</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">政企服务</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">小米天猫店</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">小米集团隐私政策</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">小米公司儿童信息保护规则</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">小米商城隐私政策</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">小米商城用户协议</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">问题反馈</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">Select Location</a>
						</div>
						<div class="info">
							<a href="#" class="info_a">北京互联网法院法律服务工作站</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">中国消费者协会</a>
							<span class="sep">|</span>
							<a href="#" class="info_a">北京市消费者协会</a>
						</div>
						<div class="info2">
							<a href="#" class="info2_a">© mi.com</a>
							<span class="info2_sep">京ICP证110507号</span>
							<a href="#" class="info2_a">京ICP备10046444号</a>
							<a href="#" class="info2_a">京公网安备11010802020134号 </a>
							<a href="#" class="info2_a">京网文[2020]0276-042号</a>
						</div>
						<div class="info2">
							<a href="#" class="info2_a">（京）网械平台备字（2018）第00005号</a>
							<a href="#" class="info2_a">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
							<a href="#" class="info2_a">营业执照 </a>
							<a href="#" class="info2_a">医疗器械质量公告</a>
						</div>
						<div class="info2">
							<a href="#" class="info2_a">增值电信业务许可证</a>
							<span class="info2_sep">网络食品经营备案</span>
							<span class="info2_sep">京食药网食备202010048</span>
							<a href="#" class="info2_a">食品经营许可证</a>
						</div>
						<div class="info2">
							<span class="info2_sep">违法和不良信息举报电话：171-5104-4404 </span>
							<a href="#" class="info2_a">知识产权侵权投诉</a>
							<span class="info2_sep">本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
						</div>
					</div>
					<div class="xiaomi_links">
						<a href="#" class="links"><img class="links_img" src="https://i1.mifile.cn/f/i/17/site/truste.png" /></a>
						<a href="#" class="links"><img class="links_img" src="https://s01.mifile.cn/i/v-logo-2.png" /></a>
						<a href="#" class="links"><img class="links_img" src="https://xyt.xinchacha.com/img/icon/icon3.png" /></a>
						<a href="#" class="links"><img class="links_img" src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" /></a>
						<a href="#" class="links"><img class="links_img links_img_1" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/766d528b193f1f522cdd8154d77bc1f4.png" /></a>
						<a href="#" class="links"><img class="links_img links_img_2" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" /></a>
					</div>
					<div class="xiaomi_slogan">
						<img class="xiaomi_slogan_img" src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png" alt="">
					</div>
				</div>
			</div>
			<!-- 底部 底部 end-->
		</div>
		<!-- 底部 end -->
		<!-- 工具栏 begin-->
		<div class="home_tool_bar">
			<ul class="home_tool_bar_ul clearfix">
				<li class="home_tool_bar_li clearfix">
					<a class="home_tool_bar_a">
						<img class="home_tool_bar_img" src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png"
						 alt="">
						<img class="home_tool_bar_img_hover" src="https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png"
						 alt="">
						<p class="home_tool_bar_title">手机APP</p>
					</a>
					<div class="home_tool_bar_coder" onclick="alert(1)">
						<i class="home_tool_bar_coder_img"></i>
						<p class="home_tool_bar_coder_content">扫码领取新人百元礼包</p>
					</div>
				</li>
				<li class="home_tool_bar_li">
					<a class="home_tool_bar_a">
						<img alt="" class="home_tool_bar_img" src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png">
						<img alt="" class="home_tool_bar_img_hover" src="https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png">
						<p class="home_tool_bar_title">个人中心</p>
					</a>
				</li>
				<li class="home_tool_bar_li">
					<a class="home_tool_bar_a">
						<img alt="" class="home_tool_bar_img" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png">
						<img alt="" class="home_tool_bar_img_hover" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/95fbf0081a06eec7be4d35e277faeca0.png">
						<p class="home_tool_bar_title">售后服务</p>
					</a>
				</li>
				<li class="home_tool_bar_li">
					<a class="home_tool_bar_a">
						<img alt="" class="home_tool_bar_img" src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png">
						<img alt="" class="home_tool_bar_img_hover" src="https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png">
						<p class="home_tool_bar_title">人工客服</p>
					</a>
				</li>
				<li class="home_tool_bar_li">
					<a class="home_tool_bar_a">
						<img alt="" class="home_tool_bar_img" src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png">
						<img alt="" class="home_tool_bar_img_hover" src="https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png">
						<p class="home_tool_bar_title">购物车</p>
					</a>
				</li>
				<li class="home_tool_bar_li back_to_top">
					<a class="home_tool_bar_a">
						<img alt="" class="home_tool_bar_img" src="https://i1.mifile.cn/f/i/2018/home/totop.png">
						<img alt="" class="home_tool_bar_img_hover" src="https://i1.mifile.cn/f/i/2018/home/totop_hover.png">
						<p class="home_tool_bar_title">回顶部</p>
					</a>
				</li>
			</ul>
		</div>
		<!-- 工具栏 end -->
	</body>
</html>
<script src="./js/nav_b.js"></script>
<!-- 左侧菜单栏 -->
<script src="js/nav3_left.js" type="text/javascript" charset="utf-8"></script>
<!-- 轮播图 -->
<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
<!-- 9类  -->
<script src="module/js/商品组合块.js" type="text/javascript" charset="utf-8"></script>
<!-- 视频 -->
<script src="module/js/video.js" type="text/javascript" charset="utf-8"></script>
<!-- 工具栏 -->
<script src="module/js/home_tool_bar.js" type="text/javascript" charset="utf-8"></script>
